<template>
    <a href="#" class="a-no-t" data-toggle="collapse" :data-target="'#' + target">
        <span class="fa" :class="icon"></span>
        <span class="text">{{text}}<i class="fa fa-angle-left pull-right"></i></span>
    </a>
</template>

<script>
    export default {
		name: 'GroupItemCollapseHeader',
        props: {
            target: {type: String, required: true},
            text: {type: String, default: 'DEFAULT MENU'},
            icon: {type: String, default: 'fa-asterisk'}
        }
    };
</script>
